<template>
    <section id="select-bar">
        <div class="container">
            <h1 class="title">为什么选择云竹众包</h1>

            <div class="slt-reason">
                <div class="slt-com">
                    <img src="/khoroshoblogs/image/i-mb.png" class="slt-img" alt="img">
                    <div class="slt-intro">
                        <p>平台保障机制特点介绍（专业性、发票、机构背书）</p>
                    </div>
                </div>
                <div class="slt-com">
                    <img src="/khoroshoblogs/image/i-mb.png" class="slt-img" alt="img">
                    <div class="slt-intro">
                        <p>平台保障机制特点介绍（专业性、发票、机构背书）</p>
                    </div>
                </div>
                <div class="slt-com">
                    <img src="/khoroshoblogs/image/i-mb.png" class="slt-img" alt="img">
                    <div class="slt-intro">
                        <p>平台保障机制特点介绍（专业性、发票、机构背书）</p>
                    </div>
                </div>
                <div class="slt-com">
                    <img src="/khoroshoblogs/image/i-mb.png" class="slt-img" alt="img">
                    <div class="slt-intro">
                        <p>平台保障机制特点介绍（专业性、发票、机构背书）</p>
                    </div>
                </div>
            </div>

            <div class="slt-core">
                <div class="core-com core-pad">
                    <h2>发布任务，获得更好的答案</h2>
                    <p>发布竞标任务，选择最具竞争力的服务</p>
                    <p>发布悬赏任务，获得最匹配预算的服务</p>

                    <a href="javascript:;" class="slt-btn">立即发布任务</a>
                </div>

                <div class="core-com">
                    <h2>直接雇佣，更精准地解决问题</h2>
                    <p>任务需求太复杂，一次说不清楚？</p>
                    <p>直接对接平台服务方在线沟通</p>
                    <p>对接精准后一键下单</p>

                    <a href="javascript:;" class="slt-btn">直接雇佣服务</a>
                </div>
            </div>
        </div>
    </section>
</template>